<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片新闻轮播演示</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="js_four.css">

</head>
<body>
<div class="news_pic">
    <ul>
        <li class="first"><a href="#"title="信息学院召开网络安全教育大会 "
               data-image="./image/01.jpg" data-url="http://www.jju.edu.cn"
        onclick="clickShowPic(this);return false;">1</a></li>
        <li><a href="#"title="校领导深入信息学院开展“双体验日 "
               data-image="./image/02.jpg" data-url="http://www.qq.com"
               onclick="clickShowPic(this);return false;">2</a></li>
        <li><a href="#"title="信息学院组织师生赴实习基地考察交流 "
               data-image="./image/03.jpg" data-url="http://www.jd.com"
            onclick="clickShowPic(this);return false;">3</a></li>
        <li><a href="#"title="信息学院举办助理辅导员选拔活动 "
               data-image="./image/04.jpg" data-url="http://www.taobao.com"
               onclick="clickShowPic(this);return false;">4</a></li>
    </ul>
    <div>
        <img id="placeholder" src="" alt="新闻图片">
        <p><a id="description" href="">新闻标题</a></p>
    </div>
    </div>
<script src="js_four.js"></script>
</body>
</html>
